<template>
<div>
  <div class="title">周末去哪</div>
  <div class="item border-bottom" v-for="item of list" :key="item.id">
    <div>
      <img class="imgs" :src=item.imgUrl>
    </div>
    <div class="item-rg">
      <p class="rg-title">{{item.title}}</p>
      <p class="rg-dec">{{item.desc}}</p>
    </div>
  </div>
</div>
</template>

<script>
export default {
  name: 'HomeWeyKend',
  props: {
    list: Array
  }

}
</script>

<style lang="stylus" scoped>
@import '~styles/mixins';
.title
   line-height: .4rem
   padding:.16rem .2rem
   background: #eee
   font-size: .3rem
.item
  padding: .1rem
  .imgs
   width: 100%
   height:3.7rem
  .item-rg
   padding: .12rem
   margin-left:.1rem
   min-width:0
   .rg-title
      font-size: .3rem
      margin-top:.2rem
      font-weight: 500
      ellipsis()
   .rg-dec
      font-size: .24rem
      margin: .2rem 0 .4rem 0
      color:#aaa
      ellipsis()
</style>
